<template>
	<view>
		<view v-for="(item,index) in datalist" style="margin: 10rpx;">
			<CustomTextView :title="item.title" :isTop="item.isTop" :author="item.author" :comments="item.comments"
				:time="item.time" @click="onCustomViewClick()">
				<template v-slot:tips>
					<view class="slotcontent" v-if="item.showSearch">
						<text>搜索：</text>
						<view class="borderbox"><text>今日金价</text></view>
						<view class="borderbox"><text>精选好物</text></view>
					</view>
				</template>
			</CustomTextView>
		</view>
	</view>
</template>

<script>
	import CustomTextView from '../../../components/cardViewText.vue'
	export default {
		components: {
			CustomTextView
		},
		data() {
			return {
				datalist: [{
						nID: "T15627",
						title: "14个月从100家开到1000家门店，蜜雪冰城为何买下这家精酿啤酒商",
						isTop: true,
						author: "界面新闻",
						comments: 56,
						time: "2025.10.07"
					}, {
						nID: "B4485",
						title: "把握历史大势 共创美好未来（观沧海）",
						isTop: false,
						author: "人民日报",
						comments: 1025,
						time: "2025.10.25"
					},
					{
						nID: "B4485",
						title: "黄金还能走多远？卖方高呼 “第三浪启动”，230 多份研报看多",
						isTop: false,
						author: "财联社",
						comments: 452,
						time: "2025.10.08",
						showSearch: true
					},
					{
						nID: "B4485",
						title: "“没有短板” 的完美战鹰！歼 - 16 机库独家探访",
						isTop: false,
						author: "红星新闻",
						comments: 56,
						time: "2025.10.07"
					}, {
						nID: "B4485",
						title: "多国学者共探巴克特里亚考古 携手推进丝绸之路文明研究新进程",
						isTop: false,
						author: "中国日报网",
						comments: 56,
						time: "2025.10.12"
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.slotcontent {
		margin: 10rpx 0;
		display: flex;
		align-items: center;
		font-size: 28rpx;
	}

	.slotcontent text {
		color: royalblue;
		margin-right: 10rpx;

	}

	.borderbox {
		border: 1rpx solid gray;
		border-radius: 10rpx;
		margin: 0 8rpx;

	}
</style>